<template>
  <div class="footer">
    <ul>
      <li>关于我们</li>
      <li>联系我们</li>
      <li>商务合作</li>
      <li>帮助中心</li>
      <li><a :href="this.$settings.base_url2+'admin/'" target="_blank">后台入口</a></li>
      <li>快乐学习</li>
    </ul>
    <p>使用沙箱版支付宝，账号：umrinq5676@sandbox.com 登录密码&支付密码：111111</p>
    <p>Copyright © 学习专用！侵权求放过！ |  邮箱：1272409660@qq.com | <a href="http://beian.miit.gov.cn/" target="_blank">&nbsp;&nbsp;<img
        src="../assets/img/备案图标.png"> 浙ICP备2021031998号-1</a></p>
  </div>
</template>

<script>
export default {
  name: "Footer",
  methods: {

  }
}
</script>

<style scoped>
.footer {
  width: 100%;
  height: 140px;
  background: #25292e;
  color: #fff;
}

.footer ul {
  margin: 0 auto 14px;
  padding-top: 35px;
  width: 810px;
}

.footer ul li {
  float: left;
  width: 112px;
  margin: 0 10px;
  text-align: center;
  font-size: 15px;
}

.footer ul::after {
  content: "";
  display: block;
  clear: both;
}

.footer p {
  text-align: center;
  font-size: 15px;
}

.footer a {
  text-align: center;
  font-size: 16px;
  color: #fff;
  opacity: 0.8;
}

a:link {
  text-decoration: none; /* 指正常的未被访问过的链接*/
}

a:visited {
  text-decoration: none; /*指已经访问过的链接*/
}

a:hover {
  text-decoration: none; /*指鼠标在链接*/
  opacity: 1;
}

a:active {
  text-decoration: none; /* 指正在点的链接*/
}

</style>